Skip to main content

Lists in HTML lecture #5

 Lists in HTML

Title: Understand the Lists elements:

objective: By the end of this lecture you will :

  1. Understands different types of HTML lists.
  2. Be able to create ordered and unordered Lists.
  3. Learn how to create nested lists.
  4. Apply list styling and attributes.

Types of lists:

HTML offers three types of lists


  • Ordered Lists(OL):
These are numbered and letters list is used to ordered items:

  • Unordered Lists(UL):

These are bulleted list used to order the items :

  • Definition Lists(DL):

These lists are used to define the terms and descriptions:

How to create these lists:

Order lists(OL):


    <ol> 
        <li>Orange</li>
        <li>Apple</li>
        <li>Banana</li>
    </ol>

  • The `<ol>` tag is used to create ordered lists:
  • The `<li>` tag is used to create a lists elements.

Unordered Lists(UL):


    <ul>
        <li>USA</li>
        <li>UK</li>
        <li>India</li>
    </ul>

  • The `<ul>` tag is used to create unordered lists:
  • The `<li>` tag is used to create a lists elements.

Definition Lists:

    <dl>
        <dt>HTML</dt>
        <dd>Hyper Text Markup Language</dd>
    </dl>
  • The `<dl>` tag is used to create definition lists:
  • The `<dt>` is used for terms or definition and `<dd>` for descriptions

Here is we end's today lecture in the bottom i will have to share some notes related to this lecture thanks  GoodBye.





tag's:
html
html lecture 
html notes pdf
html css notes
html forms
html tags
javascript notes pdf

Comments